<template>
    <div>
        
        <div class="goods" >
            <div v-for="item in goods" :key="item">
                <img :src="item.img" alt="">
                <p>{{item.title}}</p>
                <p>{{item.price}}</p>
                <p>{{Object.values(item.color)}}</p>
            </div>
        </div>
    </div>
</template>

<style>

</style>

<script>
// 引入头部组件

import { goods } from "../utils/mock"
export default {
    // 注册组件
    // async created(){

    //     let res = await this.$http.get("/news")
    //     console.log(res);

    //     let result = await this.$http.get("/goods")
    //     console.log(result);
    //     this.goods = result
    // },
    data(){
        return {
            goods : goods
        }
    }
}
</script>